<%--
  Created by IntelliJ IDEA.
  User: jaft
  Date: 2018/7/9
  Time: 上午10:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="/static/bootstrap-3.3.7/js/jquery.min.js"></script>
    <script>
        $(function () {
            $("div[data-url]").click(function () {
                var url=$(this).data("url");
                $.post(url,{},function (data) {
                    $("#home").html(data);
                });
            });
        })
    </script>


</head>
<script type="text/javascript">
    function load() {
        window.setInterval('showRealTime(clock)', 1000);
    }
</script>
<body style="text-Align:center" onload="load()">
<div id="home">
    <div style="width: 100%; height: 7%">
        <div style="float: right; color: white;margin-right: 25px" id="clock">
            <script type="text/javascript">
                function showRealTime(clock) {
                    var d = new Date();
                    var year = d.getFullYear();
                    var month = d.getMonth() + 1;
                    var date = d.getDate();
                    var days = new Array("日", "一", "二", "三", "四", "五", "六");
                    var day = d.getDay();
                    var hour = (d.getHours() < 10) ? ("0" + d.getHours()) : d.getHours();
                    var min = (d.getMinutes() < 10) ? ("0" + d.getMinutes()) : d.getMinutes();
                    var sec = (d.getSeconds() < 10) ? ("0" + d.getSeconds()) : d.getSeconds();
                    var now = year + "年" + month + "月" + date + "日<br>星期" + days[day] + "" + hour + ":" + min + ":" + sec;
                    clock.innerHTML = "当前时间：" + now;
                }
            </script>
        </div>
        <iframe width="700" scrolling="no" height="70" frameborder="0" allowtransparency="true"
                src="http://i.tianqi.com/index.php?c=code&id=2&color=%23FFFFFF&icon=5&num=3&site=14"></iframe>
    </div>

    <div style="width: 100%; height: 70%; margin: 0 auto; padding-top:7%">


        <!--1 -->
        <div style="float: left; width: 30%; height: 400px">

            <div style="float: left; width: 46%; height: 100%">
                <div style="background-color: #f27571; height: 30%; width: 100%">


                    <div style="width: 100%;height: 60%" data-url="/productStock/acceptMoney">
                        <img src="/static/mainMenuImage/shouyintai.png" style="padding-top: 20px">
                        <br>
                        <h5 style="padding-top: -50px; color: white">前台收银</h5>
                    </div>

                </div>
                <div style="background-color: #f11845; height: 66%; width: 100%; margin-top: 10px">

                    <div style="width: 100%;height: 60%" data-url="" >
                        <img src="/static/mainMenuImage/xiaoxi.png" style="padding-top: 20px">
                        <br>
                        <h5 style="padding-top: -50px; color: white">消息中心</h5>
                    </div>

                </div>
            </div>

            <div style="float: right; width: 50%; height: 100%; margin-left: 4%">
                <div style="background-color: #50b3db; height: 30%; width: 100%">

                    <div style="width: 100%;height: 60%" data-url="/member">
                        <img src="/static/mainMenuImage/xinzenghuiyuan.png" style="padding-top: 20px">
                        <br>
                        <h5 style="padding-top: -50px; color: white">新增会员</h5>
                    </div>

                </div>
                <div style="background-color: #faa361; height: 30%; width: 100%; margin-top: 10px">

                    <div style="width: 100%;height: 60%">
                        <img src="/static/mainMenuImage/jifenduihuan.png" style="padding-top: 20px">
                        <br>
                        <h5 style="padding-top: -50px; color: white">积分兑换</h5>
                    </div>

                </div>
                <div style="background-color: #38b47f; height: 33%; width: 100%; margin-top: 10px">

                    <div style="width: 100%;height: 60%">
                        <img src="/static/mainMenuImage/shujuguanli.png" style="padding-top: 20px">
                        <br>
                        <h5 style="padding-top: -50px; color: white">数据管理</h5>
                    </div>

                </div>
            </div>
        </div>
        <!-- 2 -->
        <div style="float: left; width: 55%; height: 400px; margin-left: 15px">

            <div style="float: left; width: 48%; height: 100%">
                <div style="background-color: #4ec0c0; height: 30%; width: 100%">

                    <div style="width: 100%;height: 60%" data-url="/recharge">
                        <img src="/static/mainMenuImage/huiyuanchongzhi.png" style="padding-top: 20px">
                        <br>
                        <h5 style="padding-top: -50px; color: white">会员充值</h5>
                    </div>

                </div>
                <div style="background-color: #84bde0; height: 30%; width: 100%; margin-top: 10px">

                    <div style="width: 100%;height: 60%">
                        <img src="/static/mainMenuImage/youhuiquan.png" style="padding-top: 20px">
                        <br>
                        <h5 style="padding-top: -50px; color: white">优惠券</h5>
                    </div>

                </div>
                <div style="background-color: #7fd882; height: 33%; width: 100%; margin-top: 10px">

                    <div style="width: 100%;height: 60%">
                        <img src="/static/mainMenuImage/baobiao.png" style="padding-top: 20px">
                        <br>
                        <h5 style="padding-top: -50px; color: white">报表中心</h5>
                    </div>

                </div>
            </div>

            <div style="float: right; width: 50%; height: 100%; margin-left: 2%">
                <div style="background-color: #6c99d8; height: 30%; width: 100%">

                    <div style="width: 100%;height: 60%" data-url="/payment">
                        <img src="/static/mainMenuImage/richangzhichu.png" style="padding-top: 20px">
                        <br>
                        <h5 style="padding-top: -50px; color: white">日常支出</h5>
                    </div>

                </div>

                <div style="height: 30%; width: 100%; margin-top: 10px">

                    <div style="background-color: #78b6dc; float: left; width: 45%; height: 100%">

                        <div style="width: 100%;height: 60%">
                            <img src="/static/mainMenuImage/duanxin.png" style="padding-top: 20px">
                            <br>
                            <h5 style="padding-top: -50px; color: white">发短信</h5>
                        </div>

                    </div>

                    <div style="background-color: #e78073; float: right; width: 50%; height: 100%; margin-left: 5%">

                        <div style="width: 100%;height: 60%">
                            <img src="/static/mainMenuImage/shouyintai.png" style="padding-top: 20px">
                            <br>
                            <h5 style="padding-top: -50px; color: white">微店管理</h5>
                        </div>

                    </div>

                </div>

                <div style="background-color: #a4be82; height: 33%; width: 100%; margin-top: 10px">

                    <div style="width: 100%;height: 60%">
                        <img src="/static/mainMenuImage/quanjushezhi.png" style="padding-top: 20px">
                        <br>
                        <h5 style="padding-top: -50px; color: white">全局设置</h5>
                    </div>

                </div>
            </div>


        </div>

        <!-- 3 -->
        <div style="float: left; width: 10%; height: 400px; margin-left: 10px">

            <div style="background-color: #94c33f; height: 65%; width: 100%">

                <div style="width: 100%;height: 60%" data-url="/product">
                    <img src="/static/mainMenuImage/shouyintai.png" style="padding-top: 20px">
                    <br>
                    <h5 style="padding-top: -50px; color: white">新增商品</h5>
                </div>

            </div>

            <div style="background-color: #dea3e4; height: 30%; width: 100%; margin-top: 10%">

                <div style="width: 100%;height: 60%">
                    <img src="/static/mainMenuImage/shouyintai.png" style="padding-top: 20px">
                    <br>
                    <h5 style="padding-top: -50px; color: white">分店管理</h5>
                </div>

            </div>
        </div>


    </div>
</div>

</body>
</html>
